<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
</head>
<body>
{% if username %}
    <a>用户名：{{username}}</a>
<h3 style="color: aqua;font-size: 30px">博客列表：</h3>

<table style="border: 5px solid chartreuse;width: 450px;height: 350px;text-align: center;border-collapse: collapse">

    <tr>
        {% for item in bloglist[0] %}
        <th style="border: 5px solid chartreuse;width:150px;height: 50px;color: aqua;font-size: 25px">{{ item }}</th>
        {% endfor %}
    </tr>

    {% for item in bloglist %}
    <tr>
        <td style="border: 5px solid chartreuse;width:150px;height: 30px;"><b><a href="#">{{ item.标题 }}</a></b></td>
        <td style="border: 5px solid chartreuse;width:150px;height: 30px;"><b>{{ item.作者 }}</b></td>
        <td style="border: 5px solid chartreuse;width:150px;height: 30px;"><b>{{ item.文章字数|unit }}</b></td>
    </tr>
    {% endfor %}
</table>
{% else %}
    <a>用户名：<input type="text"></a>
    <a><input type="submit" value="注册"></a>
    <a><input type="submit" value="登录"></a>
{% endif %}

</body>
</html>